﻿<!doctype html>  
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>@Page.Title</title>
  <meta name="description" content="">
  <meta name="author" content="">
  
  <!--  Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">

  <!-- CSS : implied media="all" -->
  <link rel="stylesheet" href="@Url.Content("~/css/style.css?v=2")">
  <link rel="stylesheet" href="@Url.Content("~/css/site.css?v=1")">


  <!-- Uncomment if you are specifically targeting less enabled mobile browsers
  <link rel="stylesheet" media="handheld" href="@Url.Content("~/css/handheld.css?v=1")"> -->
 
  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  <script src="@Url.Content("~/js/libs/modernizr-1.6.min.js")"></script>
  
  @RenderSection("HeadContent", false)

</head>

<body>

  <div id="container">
        <header id="header">
            <div id="title">
                <h1>MotherEffin HTML5 App</h1>
            </div>

            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>

            <div id="menucontainer">
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                </ul>

            </div>
        </header>

        <div id="main" role="main">
            @RenderBody()            
        </div>

        <footer id="footer">
        </footer>    
  </div> <!--! end of #container -->


  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
  <script>      window.jQuery || document.write("<script src='@Url.Content("~/js/libs/jquery-1.5.1.js")'>\x3C/script>")</script>
  
  
  <!-- TODO: scripts concatenated and minified via ant build script-->  
  <script src="@Url.Content("~/js/plugins.js")"></script>
  <script src="@Url.Content("~/js/script.js")"></script>
  <!-- end concatenated and minified scripts-->

  <!-- ADDED: Page Level script sections -->
  @RenderSection("ScriptSection", false)  
  
  <!--[if lt IE 7 ]>
    <script src="@Url.Content("~/js/libs/dd_belatedpng.js")"></script>
    <script>DD_belatedPNG.fix('img, .png_bg'); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
  <![endif]-->


  <!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
  <!-- Commented out until you deploy -->
  @*<script>
      var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
      (function (d, t) {
          var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1;
          g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
          s.parentNode.insertBefore(g, s)
      } (document, 'script'));
  </script>*@
  
</body>
</html>



